<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Secingot</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons -->
<link rel="shortcut icon" href="./secingot_ico.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="./secingot_ico.ico">
<!-- <link rel="apple-touch-icon" sizes="72x72" href="./secingot_ico.ico">
<link rel="apple-touch-icon" sizes="114x114" href="./secingot_ico.ico"> -->

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
<!-- <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css"> -->

<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_860143_zh332puw6d.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900" rel="stylesheet"> -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

<nav id="menu" class="navbar navbar-default navbar-fixed-top">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand page-scroll" href="#page-top"><img src="img/logo.png" class="logo" /></a>
    </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <!-- <li><a href="#features" class="page-scroll">Features</a></li> -->
        <li><a href="#about" class="page-scroll">关于我们</a></li>
        <li><a href="#services" class="page-scroll">服务</a></li>
        <li><a href="#portfolio" class="page-scroll">案例</a></li>
        <li><a href="#testimonials" class="page-scroll">客户</a></li>
        <li><a href="#team" class="page-scroll">团队</a></li>
        <li><a href="#contact" class="page-scroll">联系我们</a></li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
</nav>
<!-- Header -->
<header id="header">
  <div class="intro">
    <div class="overlay">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 intro-text">
            <h1>We Are Interact<span></span></h1>
            <p style="font-weight: 700">专业 | 专注 | 专心</p>
            <!-- <a href="#features" class="btn btn-custom btn-lg page-scroll">了解更多</a> </div> -->
        </div>
      </div>
    </div>
  </div>
</header>
<!-- Features Section -->
<!-- <div id="features" class="text-center">
  <div class="container">
    <div class="col-md-10 col-md-offset-1 section-title">
      <h2>Features</h2>
    </div>
    <div class="row">
      <div class="col-xs-6 col-md-3"> <i class="fa fa-comments-o"></i>
        <h3>Lorem ipsum</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
      </div>
      <div class="col-xs-6 col-md-3"> <i class="fa fa-bullhorn"></i>
        <h3>Dolor sit amet</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque.</p>
      </div>
      <div class="col-xs-6 col-md-3"> <i class="fa fa-group"></i>
        <h3>Tempus eleifend</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
      </div>
      <div class="col-xs-6 col-md-3"> <i class="fa fa-magic"></i>
        <h3>Pellentesque</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque.</p>
      </div>
    </div>
  </div>
</div> -->
<!-- About Section -->
<div id="about">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-6"> <img src="img/about.jpg" class="img-responsive" alt=""> </div>
      <div class="col-xs-12 col-md-6">
        <div class="about-text">
          <h2>关于 SECINGOT</h2>
          <p>SecIngot 是什么？我们是民间自发组建的技术工作室，为需求方提供大前端，服务端，微信端（小程序，公众号）等一流的解决方案。</p>
          <p>我们的团队成员大多来自百度、阿里巴巴等知名互联网公司，具备多年开发经验、优秀的技术实力和严谨的工作态度为您提供优质的服务。</p>
          <h3>何以选择我们?</h3>
          <div class="list-style">
            <div class="col-lg-6 col-sm-6 col-xs-12">
              <ul>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>一线技术团队</li>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>十年沉淀、值得信赖</li>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>专业、专心、专注</li>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>效率、成本、稳定</li>
              </ul>
            </div>
            <div class="col-lg-6 col-sm-6 col-xs-12">
              <ul>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>技术全面、支持到位</li>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>重视用户、重视体验</li>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>认真负责、尽善尽美</li>
                <li><i class="iconfont font12 mr10 icon-icon_right"></i>节约成本、助力更多</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Services Section -->
<div id="services" class="text-center">
  <div class="container">
    <div class="section-title">
      <h2>我们的服务</h2>
      <p>多终端，多平台，多框架，高性能，高效率</p>
    </div>
    <div class="row">
      <div class="col-md-4"><i class="iconfont font32 crc icon-yunzhuji"></i>
        <div class="service-desc">
          <h3>云服务</h3>
          <p>根据您的需求，为您打造专有的云服务，一站式部署并提供配套后台管理系统，傻瓜式操作降低运营成本。我们的微服务采用OAuth2鉴权，极大程度上保证服务安全。</p>
        </div>
      </div>
      <div class="col-md-4"><i class="iconfont font32 crc icon-shouji"></i>
        <div class="service-desc">
          <h3>移动平台</h3>
          <p>为您提供Android、iOS平台应用开发服务，对于移动端开发，我们为您提供多种解决方案，比如纯原生开发，web混合开发，组件化开发，以及React Native/Weex/Flutter等跨平台方案。</p>
        </div>
      </div>
      <div class="col-md-4"><i class="iconfont font32 crc icon-iconset0333"></i>
        <div class="service-desc">
          <h3>web平台</h3>
          <p>专业web团队，专注于8年web大前端，精通现有前端3大框架(react/vue/angular)，为您提供最快最优的服务。</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4"><i class="iconfont font32 crc icon-xiaochengxu"></i>
        <div class="service-desc">
          <h3>公众号/小程序</h3>
          <p>微信公众号、小程序，根据您的需求，为您提供专业的解决方案。</p>
        </div>
      </div>
      <div class="col-md-4"><i class="iconfont font32 crc icon-shejiguifan"></i>
        <div class="service-desc">
          <h3>Logo/UI/VI/ICON Desgin</h3>
          <p>平面、海报、Logo、UI、VI、线下成品设计</p>
        </div>
      </div>
      <div class="col-md-4"><i class="iconfont font32 crc icon-shouye"></i>
        <div class="service-desc">
          <h3>定制化解决方案</h3>
          <p>我们为您提供符合与自己项目、业务逻辑等需求专属的解决方案，针对性强，更加契合您的项目发展。</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Gallery Section -->
<div id="portfolio" class="text-center">
  <div class="container">
    <div class="section-title">
      <h2>成功案例</h2>
      <p>项目策划/绘制/制作/开发/运维</p>
    </div>
    <div class="row">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/01-large.jpg" title="竞 彩 猎 手" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>竞 彩 猎 手</h4>
              </div>
              <img src="img/portfolio/01-small.jpg" class="img-responsive" alt="竞 彩 猎 手"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/02-large.jpg" title="竞 彩 猎 手" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>竞 彩 猎 手</h4>
              </div>
              <img src="img/portfolio/02-small.jpg" class="img-responsive" alt="竞 彩 猎 手"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/03-large.jpg" title="艾益生养生堂" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>艾 益 生 养 生 堂</h4>
              </div>
              <img src="img/portfolio/03-small.jpg" class="img-responsive" alt="艾益生养生堂"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/04-large.jpg" title="巧 盒" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>巧 盒</h4>
              </div>
              <img src="img/portfolio/04-small.jpg" class="img-responsive" alt="巧 盒"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/05-large.jpg" title="施 巴 中 国" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>施 巴 中 国</h4>
              </div>
              <img src="img/portfolio/05-small.jpg" class="img-responsive" alt="施 巴 中 国"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/06-large.jpg" title="喵 爬" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>喵 爬</h4>
              </div>
              <img src="img/portfolio/06-small.jpg" class="img-responsive" alt="喵 爬"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/07-large.jpg" title="海 底 捞" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>海 底 捞</h4>
              </div>
              <img src="img/portfolio/07-small.jpg" class="img-responsive" alt="海 底 捞"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/08-large.jpg" title="北 外 法 学 院" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>北 外 法 学 院</h4>
              </div>
              <img src="img/portfolio/08-small.jpg" class="img-responsive" alt="北 外 法 学 院"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/09-large.jpg" title="More" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>期待更多</h4>
              </div>
              <img src="img/portfolio/09-small.jpg" class="img-responsive" alt="More"> </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Testimonials Section -->
<div id="testimonials">
  <div class="container">
    <div class="section-title text-center">
      <h2>合作伙伴</h2>
    </div>
    <div class="row">
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="img/testimonials/01.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"团队非常棒，尽心尽责，响应及时。""</p>
            <div class="testimonial-meta"> - 德国某健康护肤品牌 </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="img/testimonials/02.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"非常专业，能力拔群！"</p>
            <div class="testimonial-meta"> - 餐饮龙头企业 </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="img/testimonials/03.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"合作非常的愉快，无论从性能和互联网解决方案方便，都为我们企业提供了有力的支持！"</p>
            <div class="testimonial-meta"> - 国内智能软件技术平台 </div>
          </div>
        </div>
      </div>
      <div class="row"> </div>
      <!-- <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="img/testimonials/04.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at."</p>
            <div class="testimonial-meta"> - Johnathan Doe </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="img/testimonials/05.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at."</p>
            <div class="testimonial-meta"> - John Doe </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="img/testimonials/06.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis."</p>
            <div class="testimonial-meta"> - Johnathan Doe </div>
          </div>
        </div>
      </div> -->
    </div>
  </div>
</div>
<!-- Team Section -->
<div id="team" class="text-center">
  <div class="container">
    <div class="col-md-8 col-md-offset-2 section-title">
      <h2>我们的团队</h2>
      <!-- <p class="teamText">我们的团队成员大多来自百度、阿里巴巴等知名互联网公司，具备多年开发经验、<br />优秀的技术实力和严谨的工作态度为您提供优质的服务。</p> -->
    </div>
    <div id="row">
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/a01.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Repliy</h4>
            <p>Project Manager</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/a02.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Mot</h4>
            <p>Developer</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/a03.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Allul</h4>
            <p>Designer</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/a04.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Perfect</h4>
            <p>Developer</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Contact Section -->
<div id="contact">
  <div class="container">
    <div class="col-md-8">
      <div class="row">
        <div class="section-title">
          <h2>联系我们 / Content Us</h2>
          <p>问题咨询、商务洽谈、解决方案等请填写以下表格给我们发电子邮件，我们会尽快回复您。</p>
        </div>
        <form name="sentMessage" id="contactForm" novalidate>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" id="name" class="form-control" placeholder="您的称呼" required="required">
                <p class="help-block text-danger"></p>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <input type="email" id="email" class="form-control" placeholder="您的邮箱" required="required">
                <p class="help-block text-danger"></p>
              </div>
            </div>
          </div>
          <div class="form-group">
            <textarea name="message" id="message" class="form-control" rows="4" placeholder="留言信息..." required></textarea>
            <p class="help-block text-danger"></p>
          </div>
          <div id="success"></div>
          <button type="submit" class="btn btn-custom btn-lg">发送留言</button>
        </form>
      </div>
    </div>
    <div class="col-md-3 col-md-offset-1 contact-info">
      <div class="contact-item">
        <h3>联系方式/Contact Info</h3>
        <!-- <p><span><i class="fa fa-map-marker"></i> Address</span>4321 California St,<br>
          San Francisco, CA 12345</p> -->
      </div>
      <div class="contact-item">
        <p><span><i class="iconfont font12 icon-youxiang"></i> 邮箱/E-mail</span> info@company.com</p>
      </div>
      <div class="contact-item">
        <p><span><i class="iconfont font14 icon-weixin"></i> 微信/Wechat</span> SecingotWechat</p>
      </div>
    </div>
    <!-- <div class="col-md-12">
      <div class="row">
        <div class="social">
          <ul>
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-youtube"></i></a></li>
          </ul>
        </div>
      </div>
    </div> -->
  </div>
</div>
<!-- Footer Section -->
<div id="footer">
  <div class="container text-center">
    <p>Copyright &copy; 2018.Secingot All rights reserved.<a target="_blank" href="www.allulgch.com/secingot">回到首页</a></p>
  </div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/SmoothScroll.js"></script> 
<script type="text/javascript" src="js/nivo-lightbox.js"></script> 
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<!-- <script type="text/javascript" src="http://at.alicdn.com/t/font_860143_4ryjbl1r0la.js"></script> -->
<script type="text/javascript" src="js/contact_me.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>